//  窗口加载事件
   $(function (){
        $("#slider").slidebox({
            boxh: 451,//盒子的高度
            w: 1200,//图片的宽度
            h: 451,//图片的高度
            isShow: true,//是否显示控制器
            isShowBtn: true,//是否显示左右按钮
            controltop: 10,//控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
            controlsW: 20,//控制按钮宽度
            controlsH: 6,//控制按钮高度
            radius: 0//控制按钮圆角度数
        }); 

        $(".box").superSlider({
            prevBtn: 	 ".prev",//左按钮
            nextBtn: 	 ".next",//右按钮
            listCont:    "#roll",//滚动列表外层
            scrollWhere: "prev",//自动滚动方向next
            delayTime: 	 1000,//自动轮播时间间隔
            speed: 		 1000,//滚动速度
            amount: 	 1,//单次滚动数量
            showNum: 	 4,//显示数量
            autoPlay: 	 true//自动播放
        });

        $("#sid").slidebox({
            boxh: 300,//盒子的高度
            w: 455,//图片的宽度
            h: 300,//图片的高度
            isShow: false,//是否显示控制器
            isShowBtn: true,//是否显示左右按钮
            controltop: 10,//控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
            controlsW: 20,//控制按钮宽度
            controlsH: 6,//控制按钮高度
            radius: 0//控制按钮圆角度数
        }); 
        $("#child").slidebox({
            boxh: 300,//盒子的高度
            w: 455,//图片的宽度
            h: 300,//图片的高度
            isShow: false,//是否显示控制器
            isShowBtn: true,//是否显示左右按钮
            controltop: 10,//控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
            controlsW: 20,//控制按钮宽度
            controlsH: 6,//控制按钮高度
            radius: 0//控制按钮圆角度数
        }); 
        $("#beauty").slidebox({
            boxh: 300,//盒子的高度
            w: 455,//图片的宽度
            h: 300,//图片的高度
            isShow: false,//是否显示控制器
            isShowBtn: true,//是否显示左右按钮
            controltop: 10,//控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
            controlsW: 20,//控制按钮宽度
            controlsH: 6,//控制按钮高度
            radius: 0//控制按钮圆角度数
        }); 
        $("#house").slidebox({
            boxh: 300,//盒子的高度
            w: 455,//图片的宽度
            h: 300,//图片的高度
            isShow: false,//是否显示控制器
            isShowBtn: true,//是否显示左右按钮
            controltop: 10,//控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
            controlsW: 20,//控制按钮宽度
            controlsH: 6,//控制按钮高度
            radius: 0//控制按钮圆角度数
        }); 

        $('.floor li').hover(function(){
            //获取当前li下的背景色
            let bgColor = $(this).data('bgc')
           $(this).css({

               'background-color':bgColor,
               'width':110,
               'background-position-x':-40
           })

            
        },function(){
            $(this).css({
                'background-color':'',
                'width':40,
                'background-position-x':0
            })
          
        }).click(function(){
           //获取当前索引值
           let index = $(this).index()
        //    console.log(index);
           //对应楼层盒子到顶部的距离
           let sTop = $('.floor-box').eq(index).offset().top;
        //    console.log(sTop);

           //获取滚动条距离
           $('html,body').animate({scrollTop: sTop},300)

        })

        $(window).scroll(function(){
            //获取当前的滚动距离
          let scTop =   parseInt($('html,body').scrollTop());
          //判断
          if(scTop>500){
               $('.head-box').show()
               //将搜索框追加到顶部
               $('.search,.logo').appendTo('.head-box')
          }else{
            $('.head-box').hide()
            //将搜索框追加到原来的顶部
            $('.search,.logo').appendTo('.head-nav')
           
          }
        })
        //点击顶部按钮返回顶部
        $('.return img').click(function(){
            //顶部距离
            let s = document.documentElement.scrollTop
            let t = 600
            let v =s/t
            let timeId = setInterval(function(){
                document.documentElement.scrollTop-=30*v
                if(document.documentElement.scrollTop<=0){
                    clearInterval(timeId);
                }
            },30)
        })


        

})

window.addEventListener('load',function(){
    let today= document.querySelector('#today span')
    function setTime(){
        //创建当前系统时间
        let curentTime = new Date;
       
        //创建未来指定时间
        let assignTime = new Date('2021-1-1 00:00:00')
        //求时间差
        let different = assignTime - curentTime;
        //天
        let day =Math.floor(different/1000/60/60/24);
        //小时
        
        let hour = Math.floor(different/1000/60/60%24);
        //分钟
        let minute = Math.floor(different/1000/60%60);
        //秒
        let second =Math.floor(different/1000%60);
        //拼接时间字符串
        let str =`${day}   :     ${hour}   :     ${minute}   :     ${second}`;
        //将时间渲染到页面中
        today.innerHTML= str;

    }
    setTime();
    setInterval(setTime,1000);
})





